<template>
	<div class="container box-1">
		<div class="content-1">
			<div class="emotion emotion-1"></div>
			<!--<p class="tip" v-if='this.$store.state.activityType == 0 || this.$store.state.activityType == 1'>活动暂未开启</p>-->
			<!--<p class="tip" v-if='this.$store.state.activityType == -1'>本活动已结束</p>-->
			
			<p class="hint" v-if='this.$store.state.activityType == 0'>{{nextBeginTime}}</p>
			<p class="hint" v-if='this.$store.state.activityType == -1'>请关注3K游戏后续活动<br>活动有很多呦！</p>
		</div>
	</div>
</template>

<script>
export default {
	name: 'prompt',
	data(){
		
		return {
			nextBeginTime: this.$store.state.nextBeginTime
		}
	},
	props:['fatherComponent'],
	methods:{
		
	},
  	created(){
  		
  	}
}

</script>

<style lang="less" scoped>
	@import "../css/_modules.less";
	.box-1 {
		position: relative;
		.xyCenter();
		width: 4.52rem;
		min-height: 2.6rem;
		.bg(1);
		background-image: url(../img/box-bg.png);
		border-radius: 0.15rem;
		overflow: hidden;
		.emotion {
			.wh(191,200);	
			margin: 0.45rem auto;
			/*margin-bottom: 1rem;*/
			.bg(1);
			&.emotion-1 {
				background-image: url(../img/emotion-1.png);
			}
			&.emotion-2 {
				background-image: url(../img/emotion-2.png);
			}
		}
		.content-1 {
			/*min-height: 3.8rem;*/
			.tip {
				line-height: 1rem;
				font-size: 0.34rem;
				color: #7f5e3b;
				text-align: center;
			}
			.hint {
				padding: 0.2rem 0;
				line-height: 0.5rem;
				font-size: 0.24rem;
				color: #fff;
				text-align: center;
				background-color: #fe9c45;
			}
		}
		.content-2 {
			.tip {
				padding: 0.2rem 0;
				line-height: 0.5rem;
				font-size: 0.28rem;
				color: #7f5e3b;
				text-align: center;
			}
			.hint {
				line-height: 0.94rem;
				font-size: 0.34rem;
				color: #fff;
				text-align: center;
				background-color: #fe9c45;
			}
		}
	}
</style>
